<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM</title>
</head>
<body>
   <h1 id="zk">11111</h1>
<h1>22222</h1>
<h1>33333</h1>
    <script>
        //获取dom对象
        let hi=document.querySelector("#zk");
        //获取第一个h1元素
        let h1=document.querySelector("h1");
        //修改h1元素的内容
        h1.innerHTML="修改后的元素";
        //获取所有的h1元素
        let h1s=document.querySelectorAll("h1");
       h1s[2].innerHTML="修改后的元素";


    </script>
</body>
</html>